<%@ page import="com.xlro.domain.User" %>
<%@ page import="com.xlro.domain.PeoPle" %><%--
  Created by IntelliJ IDEA.
  User: xlro
  Date: 2021/4/20
  Time: 23:47
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html>
<head>
<%--	<meta charset="utf-8">--%>
<%--	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">--%>
	<title>layout 管理系统大布局 - Layui</title>
	<link rel="stylesheet" href="layui/css/layui.css" media="all">
	<style>
		.frame{
			width: 100%;
			height: 852px;
		}
	</style>
</head>
<body>
<div class="layui-layout layui-layout-admin">
	<div class="layui-header">
		<div class="layui-logo">图书管理系统</div>
		<!-- 头部区域（可配合layui 已有的水平导航） -->
		<ul class="layui-nav layui-layout-left">
<%--			<li class="layui-nav-item"><a href=""></a></li>--%>
<%--			<li class="layui-nav-item"><a href="">商品管理</a></li>--%>
<%--			<li class="layui-nav-item"><a href="">用户</a></li>--%>
<%--			<li class="layui-nav-item">--%>
<%--				<a href="javascript:;">其它系统</a>--%>
<%--				<dl class="layui-nav-child">--%>
<%--					<dd><a href="">新闻管理</a></dd>--%>
<%--					<dd><a href="">好友管理</a></dd>--%>
<%--					<dd><a href="">新品</a></dd>--%>
<%--				</dl>--%>
<%--			</li>--%>
		</ul>


		<%
			PeoPle peoPle = (PeoPle) request.getSession().getAttribute("user")!=null?(PeoPle) request.getSession().getAttribute("user"):(PeoPle) request.getSession().getAttribute("admin");
			session.setAttribute("username",peoPle.getUsername());
		%>

		<ul class="layui-nav layui-layout-right">
			<li class="layui-nav-item">
				<a href="javascript:;">
					<img src="//tva1.sinaimg.cn/crop.0.0.118.118.180/5db11ff4gw1e77d3nqrv8j203b03cweg.jpg" class="layui-nav-img">
<%--					<%=peoPle.getReader()%>--%>
					<% out.print(session.getAttribute("username"));%>
				</a>
				<dl class="layui-nav-child">
					<dd><a content="selfInfo.jsp" name="my" href="javascript:;" title="<%=peoPle.getReader()%>--个人信息"
						   id="my1"
					>我的个人信息</a></dd>
					<dd><a content="collBook.jsp" name="my" href="javascript:;" title="<%=peoPle.getReader()%>的收藏"
						   id="my2"
					>我的收藏</a></dd>
					<dd><a content="searchHistory.jsp" my="my" href="javascript:;" title="<%=peoPle.getReader()%>的浏览记录"
						   id="my3"
					>我的浏览记录</a></dd>
					<dd><a content="borrowStatus.jsp" my="my" href="javascript:;" title="图书归还情况"
						   id="my4"
					>图书归还情况</a></dd>
				</dl>
			</li>
			<li class="layui-nav-item"><a href="index.jsp">登出</a></li>
		</ul>
	</div>

	<div class="layui-side layui-bg-black">
		<div class="layui-side-scroll">
			<ul class="layui-nav layui-nav-tree "  lay-filter="test">

			<%
				if(session.getAttribute("role").equals("1")){
			%>

			<!-- 左侧导航区域（可配合layui已有的垂直导航） -->
				<li class="layui-nav-item layui-nav-itemed">
					<a class="" href="javascript:;">借阅服务</a>
					<dl class="layui-nav-child ">
						<dd><a href="javascript:;" name="borrow"
							   content="./searchBooks.jsp" id="b1"
							   title="查阅图书">查阅图书</a></dd>
						<dd><a href="javascript:;" name="borrow"
							   content="./borrowHistory.jsp" id="b2"
							   title="借阅历史">借阅历史</a></dd>
						<%--						<dd><a href="javascript:;" name="borrow"--%>
						<%--							   content="./searchBooks.jsp" id="b3"--%>
						<%--							   title="在线借阅">在线借阅</a></dd>--%>
					</dl>
				</li>
				<li class="layui-nav-item">
					<a href="javascript:;">个人中心</a>
					<dl class="layui-nav-child">
						<dd><a content="selfInfo.jsp" name="mine" href="javascript:;" title="<%=peoPle.getReader()%>--个人信息"
							   id="m1"
						>我的个人信息</a></dd>
						<dd><a content="myCollect.jsp" name="mine" href="javascript:;" title="<%=peoPle.getReader()%>的收藏"
							   id="m2"
						>我的收藏</a></dd>
						<dd><a content="searchHistory.jsp" name="mine" href="javascript:;" title="<%=peoPle.getReader()%>的浏览记录"
							   id="m3"
						>我的浏览记录</a></dd>
						<dd><a content="borrowStatus.jsp" name="mine" href="javascript:;" title="<%=peoPle.getReader()%>的借阅与归还"
							   id="m4"
						>图书归还情况</a></dd>
					</dl>
				</li>

				<li class="layui-nav-item"><a href="javascript:;" title="留言板"
											  content="sendMessageBoard.jsp?username=<%=peoPle.getUsername()%>"  name="stopMessage" id="mess1">留言板</a></li>

				<%--				<li class="layui-nav-item"><a href="javascript:;" title="留言板"--%>
				<%--											  content="sendMessageBoard.jsp?username='<%=peoPle.getUsername()%>'"  name="stopMessage" id="mess1">留言板</a></li>--%>

				<% } %>



				<%
					if(session.getAttribute("role").equals("0")){
						%>


<%--								<hr>--%>
								<li class="layui-nav-item layui-nav-itemed">
									<a href="javascript:;">用户管理</a>
									<dl class="layui-nav-child">
										<dd><a content="allUser.jsp" name="uerManager" href="javascript:;" title="用户"
											   id="a1"
										>用户</a></dd>
									</dl>
								</li>
								<li class="layui-nav-item layui-nav-itemed">
									<a href="javascript:;">图书管理</a>
									<dl class="layui-nav-child">
										<dd><a content="alterBook.jsp" name="bookManager" href="javascript:;" title="图书"
											   id="bo1"
										>图书</a></dd>
									</dl>
								</li>



				<%					}				%>




			</ul>
		</div>
	</div>

	<div class="layui-body">
		<!-- 内容主体区域 -->

		<div class="layui-tab  layui-tab-brief" lay-allowClose="true" lay-filter="tabTemp">
			<ul class="layui-tab-title">

			</ul>
			<div class="layui-tab-content"></div>

		</div>
	</div>

	<div class="layui-footer">
		<!-- 底部固定区域 -->
		图书管理系统
	</div>
</div>


<script src="layui/layui.js"></script>
<script>
	//JavaScript代码区域
	layui.use('element', function(){
		var element = layui.element;
		var $ = layui.$;
		$("[name=borrow]").click(function () {
			var id = $(this).attr("id");
			var content = $(this).attr("content");
			var title = $(this).attr("title");
			if($("li[lay-id="+id+"]").length == 0 ){
				// 标签不存在
				element.tabAdd('tabTemp', {
					title: title
					// ,content: '选项卡的内容' //支持传入html
					,content: "<iframe src='"+content+
							"' class='frame' frameborder='0'></iframe> " //支持传入html
					,id: id
				});
			}
			element.tabChange("tabTemp",id);
		})
		$("[name=mine]").click(function () {
			var id = $(this).attr("id");
			var content = $(this).attr("content");
			var title = $(this).attr("title");
			if($("li[lay-id="+id+"]").length == 0 ){
				// 标签不存在
				element.tabAdd('tabTemp', {
					title: title
					// ,content: '选项卡的内容' //支持传入html
					,content: "<iframe src='"+content+
							"' class='frame' frameborder='0'></iframe> " //支持传入html
					,id: id
				});
			}
			element.tabChange("tabTemp",id);
		})
		$("[name=stopMessage]").click(function () {
			var id = $(this).attr("id");
			var content = $(this).attr("content");
			var title = $(this).attr("title");
			if($("li[lay-id="+id+"]").length == 0 ){
				// 标签不存在
				element.tabAdd('tabTemp', {
					title: title
					// ,content: '选项卡的内容' //支持传入html
					,content: "<iframe src='"+content+
							"' class='frame' frameborder='0'></iframe> " //支持传入html
					,id: id
				});
			}

			element.tabChange("tabTemp",id);
		})
		$("[name=notice]").click(function () {
			var id = $(this).attr("id");
			var content = $(this).attr("content");
			var title = $(this).attr("title");
			if($("li[lay-id="+id+"]").length == 0 ){
				// 标签不存在
				element.tabAdd('tabTemp', {
					title: title
					// ,content: '选项卡的内容' //支持传入html
					,content: "<iframe src='"+content+
							"' class='frame' frameborder='0'></iframe> " //支持传入html
					,id: id
				});
			}
			element.tabChange("tabTemp",id);
		})
		$("[name=uerManager]").click(function () {
			var id = $(this).attr("id");
			var content = $(this).attr("content");
			var title = $(this).attr("title");
			if($("li[lay-id="+id+"]").length == 0 ){
				// 标签不存在
				element.tabAdd('tabTemp', {
					title: title
					// ,content: '选项卡的内容' //支持传入html
					,content: "<iframe src='"+content+
							"' class='frame' frameborder='0'></iframe> " //支持传入html
					,id: id
				});
			}
			element.tabChange("tabTemp",id);
		})
		$("[name=bookManager]").click(function () {
			var id = $(this).attr("id");
			var content = $(this).attr("content");
			var title = $(this).attr("title");
			if($("li[lay-id="+id+"]").length == 0 ){
				// 标签不存在
				element.tabAdd('tabTemp', {
					title: title
					// ,content: '选项卡的内容' //支持传入html
					,content: "<iframe src='"+content+
							"' class='frame' frameborder='0'></iframe> " //支持传入html
					,id: id
				});
			}
			element.tabChange("tabTemp",id);
		})
		$("[name=messManager]").click(function () {
			var id = $(this).attr("id");
			var content = $(this).attr("content");
			var title = $(this).attr("title");
			if($("li[lay-id="+id+"]").length == 0 ){
				// 标签不存在
				element.tabAdd('tabTemp', {
					title: title
					// ,content: '选项卡的内容' //支持传入html
					,content: "<iframe src='"+content+
							"' class='frame' frameborder='0'></iframe> " //支持传入html
					,id: id
				});
			}
			element.tabChange("tabTemp",id);
		})
		$("[name=my]").click(function () {
			var id = $(this).attr("id");
			var content = $(this).attr("content");
			var title = $(this).attr("title");
			if($("li[lay-id="+id+"]").length == 0 ){
				// 标签不存在
				element.tabAdd('tabTemp', {
					title: title
					// ,content: '选项卡的内容' //支持传入html
					,content: "<iframe src='"+content+
							"' class='frame' frameborder='0'></iframe> " //支持传入html
					,id: id
				});
			}
			element.tabChange("tabTemp",id);
		})
	});
</script>
</body>
</html>